<template v-if="x.type === 'BaseImage'">
	<view class="flex-center" style="" :style="[x._outerStyle]">
		<view class="flex-y" style="" :style="[x._interStyle]">
			<view v-if="x.inputStyle.vType === 0" class="flex-x">
				<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[0].link)">
					<m-show-bgimg :bgimg="x.data[0].image" />
				</view>
			</view>
			<view v-if="x.inputStyle.vType === 1" class="flex-x">
				<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[0].link)">
					<m-show-bgimg :bgimg="x.data[0].image" />
				</view>
				<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[1].link)">
					<m-show-bgimg :bgimg="x.data[1].image" />
				</view>
			</view>
			<view v-if="x.inputStyle.vType === 2" class="flex-x">
				<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[0].link)">
					<m-show-bgimg :bgimg="x.data[0].image" />
				</view>
				<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[1].link)">
					<m-show-bgimg :bgimg="x.data[1].image" />
				</view>
				<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[2].link)">
					<m-show-bgimg :bgimg="x.data[2].image" />
				</view>
			</view>
			<view v-if="x.inputStyle.vType === 3" class="flex-x">
				<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[0].link)">
					<m-show-bgimg :bgimg="x.data[0].image" />
				</view>
				<view class="flex-1 flex-y">
					<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[1].link)">
						<m-show-bgimg :bgimg="x.data[1].image" />
					</view>
					<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[2].link)">
						<m-show-bgimg :bgimg="x.data[2].image" />
					</view>
				</view>
			</view>
			<view v-if="x.inputStyle.vType === 4" class="flex-x">
				<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[0].link)">
					<m-show-bgimg :bgimg="x.data[0].image" />
				</view>
				<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[1].link)">
					<m-show-bgimg :bgimg="x.data[1].image" />
				</view>
				<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[2].link)">
					<m-show-bgimg :bgimg="x.data[2].image" />
				</view>
				<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[3].link)">
					<m-show-bgimg :bgimg="x.data[3].image" />
				</view>
			</view>
			<view v-if="x.inputStyle.vType === 5" class="flex-1 flex-y">
				<view class="flex-1 flex-x">
					<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[0].link)">
						<m-show-bgimg :bgimg="x.data[0].image" />
					</view>
					<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[1].link)">
						<m-show-bgimg :bgimg="x.data[1].image" />
					</view>
				</view>
				<view class="flex-1 flex-x">
					<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[2].link)">
						<m-show-bgimg :bgimg="x.data[2].image" />
					</view>
					<view style="" :style="[x._inputStyle]" class="flex-1" @click="parseUrl(x.data[3].link)">
						<m-show-bgimg :bgimg="x.data[3].image" />
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script lang="ts">
export default {
	props: {
		x: {
			type: Object,
			required: true
		}
	}
}
</script>